// 1 点击 登录-注册 中 超链接 表单切换
const login = document.querySelector(".login"); // 登录 盒子
const register = document.querySelector(".register"); // 注册 盒子

const loginForm = login.querySelector("form"); // 登录表单
const registerForm = register.querySelector("form"); // 注册表单

const loginA = document.querySelector(".login a"); // 登录表单中a标签
const registerA = document.querySelector(".register a"); // 注册表单中a标签
loginA.addEventListener("click", function (e) {
  // console.log("loginA");
  login.style.display = "none"; // 隐藏登录表单
  register.style.display = "block"; // 显示注册表单
});
registerA.addEventListener("click", function (e) {
  login.style.display = "block"; // 显示登录表单
  register.style.display = "none"; // 隐藏注册表单
});

// 2 注册
registerForm.addEventListener("submit", async function (e) {
  e.preventDefault();
  // 获取表单数据
  const data = serialize(registerForm, { hash: true, empty: true });
  // 发送请求
  const result = await axios({
    url: "/api/register",
    method: "post",
    data,
  });

  // console.log(result);
  if (result.data.code === 0) {
    // 成功
    toastr.success("注册成功");
    registerForm.reset();
    // 切换页面
    registerA.click();
  }
});

// 3 登录
loginForm.addEventListener("submit", async function (e) {
  e.preventDefault();
  const data = serialize(loginForm, { hash: true, empty: true });
  const result = await axios({
    url: "/api/login",
    method: "post",
    data,
  });

  if (result.data.code === 0) {
    // 登录成功
    toastr.success("登录成功");

    // 存token到本地存储中
    // console.log(result.data.token);
    localStorage.setItem("cms90", result.data.token);

    // 跳转页面 首页
    setTimeout(() => {
      // 路径知识
      location.href = "dashboard.html";
    }, 1000);
  }
});
